<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:fmt="http://java.sun.com/jsp/jstl/fmt">

	<h:form>

		<p:panelGrid style="width:100%;" id="informacionportafolio">
			<p:row>
				<p:column>
					<h:outputLabel value="Tipo Portafolio" />
				</p:column>
				<p:column>
					<h:selectOneMenu
						value="#{controladorPortafolio.portafolio.nidTipPortafolio}"
						disabled="#{controladorPortafolio.habilitarModoVista}">
						<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
						<f:selectItems value="#{controladorPortafolio.tiposPortafolio}"
							var="tipo" itemLabel="#{tipo.txtTipoProyecto}"
							itemValue="#{tipo.nidTipoProyecto}" />
						<p:ajax
							listener="#{controladorPortafolio.buscarPortafoliosCreadosSgp}"
							update=":portafolio" />
					</h:selectOneMenu>
				</p:column>
				<p:column>
					<h:outputLabel value="Estado del Portafolio" />
				</p:column>
				<p:column>
					<h:selectOneMenu disabled="true"
						value="#{controladorPortafolio.portafolio.estPortafolio}" >
						<f:selectItems value="#{controladorPortafolio.estadosPortafolio}"
							var="tipo" itemLabel="#{tipo.txtParametroAbr}"
							itemValue="#{tipo.codParametro}" />
					</h:selectOneMenu>
				</p:column>
			</p:row>

			<p:row>
				<p:column>
					<h:outputLabel value="Identificador" />
				</p:column>
				<p:column>
					<p:inputText id="idPortafolio" label="IdPortafolio"
						value="#{controladorPortafolio.portafolio.nidPortafolio}"
						disabled="true" />
				</p:column>
			</p:row>


			<p:row>
				<p:column>
					<h:outputLabel value="Nombre" />
				</p:column>
				<p:column colspan="3">
					<p:inputText
						value="#{controladorPortafolio.portafolio.txtPortafolio}"
						disabled="#{controladorPortafolio.habilitarModoVista}" />
				</p:column>
			</p:row>

			<p:row>
				<p:column>
					<h:outputLabel value="Sigla" />
				</p:column>
				<p:column>
					<p:inputText value="#{controladorPortafolio.portafolio.txtSigla}"
						disabled="#{controladorPortafolio.habilitarModoVista}" />
				</p:column>
			</p:row>

			<p:row>
				<p:column>
					<h:outputLabel value="Fecha Creacion" />
				</p:column>
				<p:column>
					<p:calendar value="#{controladorPortafolio.portafolio.fecCreacion}"
						locate="ES" disabled="#{controladorPortafolio.habilitarModoVista}" />

				</p:column>
				<p:column>
					<h:outputLabel value="Fecha Termino Estimada" />
				</p:column>
				<p:column>
					<p:calendar
						value="#{controladorPortafolio.portafolio.fecTerminoPlanificada}"
						locate="ES" disabled="#{controladorPortafolio.habilitarModoVista}" />

				</p:column>
			</p:row>
			<p:row>
				<p:column>
					<h:outputLabel value="Fecha Inicio Planificada" />
				</p:column>
				<p:column>
					<p:calendar
						value="#{controladorPortafolio.portafolio.fecInicioPlanificada}"
						locate="ES" disabled="#{controladorPortafolio.habilitarModoVista}" />
				</p:column>
			</p:row>
			<p:row>
				<p:column>
					<h:outputLabel value="Fecha Inicio del Portafolio" />
				</p:column>
				<p:column>
					<p:calendar value="#{controladorPortafolio.portafolio.fecInicio}"
						locate="ES" disabled="#{controladorPortafolio.habilitarModoVista}" />
				</p:column>
				<p:column>
					<h:outputLabel value="Fecha Termino Real" />
				</p:column>
				<p:column>
					<p:calendar
						value="#{controladorPortafolio.portafolio.fecTerminoReal}"
						locate="ES" disabled="#{controladorPortafolio.habilitarModoVista}" />

				</p:column>
			</p:row>
			<p:row>
				<p:column>
					<h:outputLabel value="Duracion de los Proyectos" />
				</p:column>
				<p:column>
					<p:inputText
						value="#{controladorPortafolio.portafolio.numDuracionMes}"
						disabled="#{controladorPortafolio.habilitarModoVista}" />
				</p:column>
			</p:row>
			<p:row>
				<p:column>
					<h:outputLabel value="Numero Proyectos Estimados" />
				</p:column>
				<p:column>
					<p:inputText
						value="#{controladorPortafolio.portafolio.numProyectoEstimado}"
						disabled="#{controladorPortafolio.habilitarModoVista}" />
				</p:column>
				<p:column>
					<h:outputLabel value="Numero Proyectos Asociados" />
				</p:column>
				<p:column>
					<p:inputText
						value="#{controladorPortafolio.portafolio.numProyectoAsociado}"
						disabled="#{controladorPortafolio.habilitarModoVista}" />
				</p:column>
			</p:row>
			<p:row>
				<p:column>
					<h:outputLabel value=" " />
				</p:column>
				<p:column>
					<h:outputLabel value=" " />
				</p:column>
				<p:column>
					<h:outputLabel value="Numero Proyectos en Ejecución" />
				</p:column>
				<p:column>
					<p:inputText
						value="#{controladorPortafolio.portafolio.numProyectoEjecucion}"
						disabled="#{controladorPortafolio.habilitarModoVista}" />
				</p:column>
			</p:row>
			<p:row>
				<p:column>
					<h:outputLabel value="Numero Hogares Estimados" />
				</p:column>
				<p:column>
					<p:inputText
						value="#{controladorPortafolio.portafolio.numHogarEstimado}"
						disabled="#{controladorPortafolio.habilitarModoVista}" />
				</p:column>
				<p:column>
					<h:outputLabel value="Numero Hogares en Ejecución" />
				</p:column>
				<p:column>
					<p:inputText
						value="#{controladorPortafolio.portafolio.numHogarEjecucion}"
						disabled="#{controladorPortafolio.habilitarModoVista}" />
				</p:column>
			</p:row>
			<p:row>
				<p:column>
					<h:outputLabel value="Numero Usuarios Estimados" />
				</p:column>
				<p:column>
					<p:inputText
						value="#{controladorPortafolio.portafolio.numUsuarioEstimado}"
						disabled="#{controladorPortafolio.habilitarModoVista}" />
				</p:column>
				<p:column>
					<h:outputLabel value="Número de Proyectos Reales Ejecutados" />
				</p:column>
				<p:column>
					<p:inputText
						value="#{controladorPortafolio.portafolio.numProyectoEjecutado}"
						disabled="#{controladorPortafolio.habilitarModoVista}" />
				</p:column>
			</p:row>
			<p:row>
				<p:column>
					<h:outputLabel value="Descripción del Portafolio" />
				</p:column>
				<p:column colspan="3">
					<p:inputTextarea
						value="#{controladorPortafolio.portafolio.txtDescripcion}"
						disabled="#{controladorPortafolio.habilitarModoVista}" />
				</p:column>
			</p:row>
			<p:row>
				<p:column>
					<h:outputLabel value="Codigo SNIP" />
				</p:column>
				<p:column>
					<p:inputText value="#{controladorPortafolio.portafolio.txtSnip}"
						disabled="#{controladorPortafolio.habilitarModoVista}"/>
				</p:column>
			</p:row>
			<p:row>

				<p:column>
					<h:outputLabel value="Modalidad Ejecucion" />
				</p:column>
				<p:column>
					<h:selectOneMenu
						value="#{controladorPortafolio.portafolio.codModalidadEjecucion}" disabled="#{controladorPortafolio.habilitarModoVista}">
						<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
						<f:selectItems
							value="#{controladorPortafolio.modalidadEjecucionPortafolio}"
							var="tipo" itemLabel="#{tipo.txtParametroAbr}"
							itemValue="#{tipo.codParametro}" />
					</h:selectOneMenu>
				</p:column>
			</p:row>


		</p:panelGrid>
		<div align="center">
			<p:commandButton value="#{msg.grabar}" icon="ui-icon-disk"
				actionListener="#{controladorPortafolio.guardarPortafolio}"
				update=":portafolio" rendered="#{controladorPortafolio.habilitarBotonGrabar}">
				<p:confirm header="Confirmacion"
					message="Esta Seguro de Realizar los cambios?" icon="ui-icon-alert" />
			</p:commandButton>


			<p:confirmDialog global="true" showEffect="fade" hideEffect="explode">
				<p:commandButton value="Si" type="button"
					styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
				<p:commandButton value="No" type="button"
					styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
			</p:confirmDialog>


			<p:commandButton value="#{msg.actualizar}" icon="ui-icon-disk" rendered="#{controladorPortafolio.habilitarBotonEditar}"
				actionListener="#{controladorPortafolio.actualizarPortafolio}"
				update=":portafolio" >
				<p:confirm header="Confirmacion" message="Esta Seguro de Realizar los cambios?" 
					icon="ui-icon-alert" />
			</p:commandButton>
			<p:commandButton value="#{msg.cancelar}" icon="ui-icon-cancel"
				action="#{controladorPortafolio.cancelar()}" />
		</div>

		<p:dialog id="confirmDialog" appendTo="@(body)"
			widgetVar="confirmDialogWidgetVar" global="true" showEffect="fade"
			hideEffect="explode">

			<p:dataTable id="subTipoProyectos" var="por"
				value="#{controladorPortafolio.subTipoProyectoDataModel}"
				paginator="true" rows="10" selectionMode="single" scrollable="true"
				paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}">
				
				
				<p:ajax event="rowSelect"
					listener="#{controladorPortafolio.cargarPortafolioDesdeSgp}"
					update=":portafolio" />


				<p:column headerText="ID">
					<h:outputText value="#{por.id.nidSubTipoProyecto}" />
				</p:column>
				<p:column headerText="Nombre">
					<h:outputText value="#{por.txtSubTipoProyecto}" />
				</p:column>
				<p:column headerText="Sigla">
					<h:outputText value="#{por.txtPrefijo}" />
				</p:column>



			</p:dataTable>



		</p:dialog>



	</h:form>


</ui:composition>